<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<link rel="stylesheet" type="text/css" href="${BasePath}/static/ki/js/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="${BasePath}/static/ki/css/theme.css">
		<link rel="stylesheet" type="text/css" href="${BasePath}/static/ki/css/login.css">
		<link rel="stylesheet" type="text/css"
			href="${BasePath}/static/ki/js/validator/jquery.validator.css">

		<link rel="shortcut icon" type="image/icon"
			href="${BasePath}/static/ki/js/bootstrap/ico/favicon.ico">
		<script type="text/javascript" src="${BasePath}/static/ki/js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="${BasePath}/static/ki/js/bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" src="${BasePath}/static/ki/js/validator/jquery.validator.js"></script>
		<script type="text/javascript" src="${BasePath}/static/ki/js//validator/local/zh_CN.js"></script>
		<script type="text/javascript">
	$(function() {
		$(".change-captcha").click(function() {
			var imgSrc = $("#i_captcha");
			var src = imgSrc.attr("src");
			imgSrc.attr("src", chgUrl(src));
		});
		$("#login_form").validator({
			theme : 'yellow_top',
			stopOnError : true,
			timely : 2
		});
	});
	//时间戳    
	//为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳    
	function chgUrl(url) {
		var timestamp = (new Date()).valueOf();
		if ((url.indexOf("?") >= 0)) {
			url = url.substring(0, url.indexOf("?"));
		}
		url = url + "?t=" + timestamp;
		return url;
	}
</script>
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<ul class="nav pull-right">

				</ul>
				<a class="brand" href="index.html"><span class="first">Your</span> <span class="second">Company</span>
				</a>
			</div>
		</div>
		<div class="row-fluid">
			<!--[if lt IE 9]>
            <div class='alert alert-error'>
            <h4>温馨提示：</h4>
            <p>本站不支持 IE 8 及以下版本浏览器。
            为了获得更好的浏览体验，我们强烈建议您
            <a href="http://browsehappy.com" target="_blank">升级</a>
            到最新版本的IE浏览器，或者使用较新版本的 Google Chrome、Firefox、Safari 等。
            如果您使用的是 IE 9 或以上版本，请关闭“兼容性视图”。
            </p>
            </div>
            <![endif]-->
			<div class="dialog">
				<div class="block">
					<p class="block-heading">
						管理员登录 &nbsp;&nbsp;&nbsp;
						<span style="color: red;"><#if message??>${message}</#if></span>
					</p>
					<div class="block-body">
						<form action="login" method="post" id="login_form">
							<label>
								账号
							</label>
							<div class="filed-input">
								<input type="text" class="span12" name="username" data-rule="账号:required;username"
									placeholder="请输入账号">
							</div>
							<label>
								密码
							</label>
							<div class="filed-input">
								<input type="password" class="span12" name="password" data-rule="密码:required;password"
									placeholder="请输入密码">
							</div>
							<label>
								验证码
								</a>
							</label>
							<div class="filed-input">
								<input type="text" class="span5" name="captcha" data-rule="验证码:required;captcha"
									placeholder="请输入验证码">
								<a class="change-captcha" title="换验证码" href="#"> <img class="captcha" id="i_captcha"
										src="captcha.jpg"> </a><a class="change-captcha" href="#"> 看不清</br>换一张</a>
							</div>
							<input type="submit" class="btn btn-primary pull-right" value="登录" />
							<label class="remember-me">
								<input type="checkbox">
								记住我
							</label>
							<div class="clearfix"></div>
						</form>
					</div>
				</div>
				<p class="pull-right" style="">
					<a href="http://www.portnine.com" target="blank">Theme by Portnine</a>
				</p>
				<p>
					<a href="reset-password.html">忘记密码？</a>
				</p>
			</div>
		</div>
	</body>
</html>